@charset "UTF-8";
@import "compass/css3";

.layout{
    @include display-flex;
    width:100%;
    .project-name{
        width: 100%;
        color: #fff;
        text-align: center;

        .logo{
            margin: 0 50px 10px ;
            height: 30px;
            background-image:url(/static/main/images/logo.png);
            background-position:center;
            background-size:contain;
            background-repeat:no-repeat;
        }
        .logo-name{
            margin: 10px;
            height: 47px;
            line-height: 47px;
            font-size: 18px;
            background-color:#333;
            @include border-radius(5px);
        }
    }
}

.navgation{
    @include flex(1);
    -webkit-transition: all .3s cubic-bezier(.215,.61,.355,1);
    transition: all .3s cubic-bezier(.215,.61,.355,1);
    box-shadow: 4px 4px 20px 0 rgba(0,0,0,.01);

    .ant-menu-item-selected{
    	
    }
    .ant-menu-dark.ant-menu-inline {
    	.ant-menu-item-selected{
	    	color:#108ee9;
	    	background-color: #494949;
	    }
	    .ant-menu-item-active{
	    	color:#108ee9;
	    }
    }
}

.wrapper-content{
    @include display-flex;
    @include justify-content(space-between);
    @include flex-direction(column);
    // @include flex(1);
    width:100%;
    height: 100vh;
    overflow: auto;
    -webkit-transition: all .3s cubic-bezier(.215,.61,.355,1);
    transition: all .3s cubic-bezier(.215,.61,.355,1);
    // background-color:#f9f9f9;
    // height:1px;
    padding-bottom:85px;
    .header{

    	@include box-shadow(4px 4px 40px 0 rgba(0,0,0,.05));
    	position: relative;
    	@include display-flex;
    	@include justify-content(flex-end);
    	background-color: #fff;
    	.siderbutton{
    		@include flex-shrink(0);
    		height: 47px;
		    width: 47px;
		    line-height: 47px;
		    text-align: center;
		    font-size: 18px;
		    cursor: pointer;
		    -webkit-transition: all .3s cubic-bezier(.55,.055,.675,.19);
		    transition: all .3s cubic-bezier(.55,.055,.675,.19);
    	}
    	.ant-menu{
    		border:none;
    		&:hover .logout{
    			display:block;
    		}
    	}
    }

    .footer {
	    height: 48px;
	    line-height: 48px;
	    text-align: center;
	    font-size: 12px;
	    color: #999;
	    background: #fff;
	    box-shadow: 4px 4px 40px 0 rgba(0,0,0,.05);
	    width: 100%;
   }
}

